<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript">
$(".active").click(function(){
	$("#show_"+$(this).attr("fromdate")).fadeToggle(500);
});
</script>
<div class="panel-group panel-main collapse in" data-toggle="accordion"
	id="bjui-accordionmenu">
	<div class="panel panel-default collapse in">
		<c:forEach items="${functions}" var="f"  varStatus="s">
			<div class="panel-heading active" fromdate = "${s.index}">
				<h4 class="panel-title">
					<a data-toggle="collapse" data-parent="#bjui-accordionmenu"
						href="#bjui-collapse0" class="">&nbsp;${f.sf.name}<b><i
							class="fa fa-angle-down"></i></b></a>
				</h4>
			</div>
			<div class="panel-collapse collapse in " id = "show_${s.index}" style = "display: none;">
				<div class="panel-body">
					<ul class="menu-items" data-faicon="table">
						<c:forEach items="${f.sfs}" var="itemF" varStatus="fs">
							<li class = "menu_1" style = "background-color: gainsboro;" link = "${itemF.url}" from = "tab_${s.index}_${fs.index}" title="${itemF.name}"><a href="#" title="${itemF.name}">${itemF.name}</a></li>
						</c:forEach>
					</ul>
				</div>
			</div>
		</c:forEach>
	</div>
</div>